<template>
	<div class="setting">
		<nav-back></nav-back>
		<div class="bind-taobao">
			<van-cell-group>
				<van-field
					:value="username"
					clearable
					label="真实姓名"
					block
					icon="question-o"
					placeholder="修改真实姓名"
					bind:click-icon="onClickIcon"
				/>
			</van-cell-group>
		</div>
		<div class="bind-taobao">
			<van-cell-group>
				<van-field
					:value="phone"
					clearable
					label="翼支付账户"
					block
					icon="question-o"
					placeholder="修改翼支付账户"
					bind:click-icon="onClickIcon"
				/>
			</van-cell-group>
		</div>
		<div class="ok-btn" @click="$router.back(1)">确 认</div>
	</div>
</template>

<script>
export default {
	data() {
		return {
			username: '',
			phone: ''
		};
	}
};
</script>

<style lang="scss" scoped>
.setting {
	/* prettier-ignore */
	font-size: 14PX;
	.bind-taobao {
		width: 698px;
		margin: 20px auto 0 auto;
		border-radius: 16px;
		overflow: hidden;
	}
	.ok-btn {
		width: 336px;
		height: 80px;
		line-height: 80px;
		background: $main-color;
		border-radius: 40px;
		font-size: 28px;
		text-align: center;
		color: #ffffff;
		margin: 84px auto 0 auto;
		font-weight: 400;
	}
}
</style>
